<style>
.jy2-headertop {position: absolute;padding-top:0.3rem;padding-bottom:0.3rem;margin-top:-2rem;height:auto;border-top-right-radius:1rem;border-top-left-radius:1rem;}
.fui-header a.back:before {
	border-color: #fff
}
.fui-header:after {
	border-bottom: 0 solid #D9D9D9;
}
</style>
<div ng-if="pagedata.op=='get'" class='fui-page  fui-page-current coupon-my-page'>
  <div class="topbg" style="position: relative;text-align:center;width:100%;height:4.5rem;background: {{main.syscolor || '#7c1cc9'}};">
			<div class="fui-header" style="background:none">
				<div class="fui-header-left">
					<a class="back" style="color:#fff" href="javascript:" ng-click="goback()"></a>
				</div>
				<div class="title bold" style="font-size:1rem;color:#fff">我的购物卡</div>
				<div class="fui-header-right" style="padding-right:0.5rem;color:#fff">
						<i class="icon jinyunicon icon-liaotian" ng-click="access_json('jy_weishop/member.index/')" style="font-size: 1rem;"></i>
				</div>
			</div>
  </div>
  <div class='fui-content jy2-headertop'>
    <div class='fui-tab fui-tab-danger' id='cateTab'>
      <a href="javascript:;" ng-click="access_json('jy_weishop/member.mycard/')" ng-class="{'active':pagedata.isuse==0}" data-cate=''>未使用</a>
      <a href="javascript:;" ng-click="access_json('jy_weishop/member.mycard//isuse=1')" ng-class="{'active':pagedata.isuse==1}">已使用</a></div>
	  <div ng-if="pagedata.list==''" class="fui-message fui-message-popup in content-empty" style=" margin-top: 0; padding-top: 0; position: relative; height: auto; background: none;">
		  <div class="icon ">
			<i class="icon icon-information"></i>
		  </div>
		  <div class="content">您还没有购物卡~</div>
		  <a ng-show="pagedata.setting.status2==1 && pagedata.list==''" class="btn btn-default-o external" style="display: block;border-radius:1rem;margin:0.5rem 2rem" href="javascript:;" ng-click="access_json('jy_weishop/member.getcard/')">
			赶紧去购物卡中心看看~
		  </a>
	  </div>
    <div id="container" class="coupon-container coupon-list" ng-repeat="item in pagedata.list">
      <a href="javascript:;" ng-click="access_json('jy_weishop/member.mycard/detail/id='+item.id)" class="coupon-item  {{item.card.color}}">
        <div class="coupon-dots">
          <i>
          </i>
          <i>
          </i>
          <i>
          </i>
          <i>
          </i>
          <i>
          </i>
          <i>
          </i>
          <i>
          </i>
          <i>
          </i>
          <i>
          </i>
          <i>
          </i>
          <i>
          </i>
          <i>
          </i>
          <i>
          </i>
        </div>
        <div class="coupon-type">{{item.card.gettypetitle}}</div>
        <div class="coupon-left">
          <div class="title">{{item.card.money}}</div>
          <div class="subtitle">购物卡</div>
		 </div>
        <div class="coupon-right">
          <div class="title">{{item.card.title}}</div>
          <div class="subtitle">{{item.card.rightdesc}}</div>
          <div ng-if="item.card.merchid!=0" class="subtitle">限购[{{item.card.merchname}}]店铺商品</div>
          <div class="usetime">
            <div class="text">
              <div ng-if="item.card.timelimittype==0">有效期: 永久有效</div>
              <div ng-if="item.past==1">有效期: 已过期</div>
              <div ng-if="item.past==0 && item.card.timelimittype!=0">有效期: {{item.time}}</div></div>
            <div class="usebtn">
              <div ng-if="item.past==1">已过期</div>
              <div ng-if="item.isuse==1">已使用</div>
              <div ng-if="item.isuse!=1 && item.past!=1">立即使用</div></div>
          </div>
        </div>
      </a>
    </div>
  </div>
</div>
<div ng-if="pagedata.op=='detail'" class="fui-page">
	<div class="fui-header">
		<div class="fui-header-left">
			<a class="back" href="javascript:;" ng-click="access_json('jy_weishop/member.mycard/')"></a>
		</div>
		<div class="title">详情</div>
		<div class="fui-header-left"></div>
	</div>
	<div class="fui-content navbar coupon-page">
		<div class="coupon-detail {{pagedata.card.color}}">
			<div class="detail-dots"></div>
			<div class="detail-head">
				<div class="inner">
					<div class="title">
						<div class="text">{{pagedata.item.card.title}}</div>
					</div>
					<div class="bigtitle">面值 {{pagedata.item.card.money}}</div>				
					<div class="usetime">
						<div class="text">有效期:
							{{pagedata.item.card.time}}
						</div>
					</div>
				</div>
			</div>
			<div class="detail-body">
				<div class="block">
				
					<div ng-if="pagedata.item.card.merchid!=0" class="title">使用商铺</div>
					
					<div class="text dot" ng-if="pagedata.item.card.merchid!=0" >
						限购[{{pagedata.item.card.merchname}}]店铺商品
					</div>	
					
					<div class="title">使用说明</div>
					<div class="text">
						<div ng-if="pagedata.item.card.isdescsys==1">
								{{pagedata.setting.desc}}
						</div>
						<div ng-if="pagedata.item.card.isdescsys==0">
							{{pagedata.item.card.desc}}
						</div>
					</div>
				</div>
				<div class="block">
					<div class="title">有效期限</div>
					<div class="text">
						有效期:{{pagedata.item.card.time}}
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="fui-navbar">				
		<div class="nav-item btn btn-gray"  ng-if="pagedata.item.card.past==1" >
			已过期
		</div>
		<div class="nav-item btn btn-gray"  ng-if="pagedata.item.isuse==1" >
			已使用
		</div>
		<div class="nav-item btn btn-{{pagedata.item.card.color}}" ng-if="pagedata.item.isuse!=1 && pagedata.item.card.past!=1" >
				<a href="javascript:;" ng-click="access_json('jy_weishop/index/')"  style="color:#ffffff;">
					立即使用
				</a>
		</div>
	</div>
</div>